<template>
  <div class="page" style="margin-top:20rpx">
    <div class="page__bd" style="background-color:gary;padding:0;">
        <div class="weui-grids" style="border:0;">
            <block v-for="(item,index) in grids" :key="index" >
                <navigator url="../../pages/main/main?id=1" class="weui-grid nva_change" hover-class="weui-grid_active">
                    <image class="weui-grid__icon" :src="item.src" />
                    <div class="weui-grid__label">{{item.name}}</div>
                </navigator>
            </block>
        </div>
    </div>
</div>
</template>

<script>
export default {
  data () {
    return {
    //   grids: this.grid
    }
  },
  props: ['grids', 'goDetail']
}
</script>

<style>
   .nva_change{
       border:0;
   }
</style>
